<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition template="templates/template.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:ui="http://java.sun.com/jsf/facelets"                
                xmlns:p="http://primefaces.org/ui"
                xmlns:f="http://java.sun.com/jsf/core">

    <ui:define name="tituloPagina">Matrículas</ui:define>

    <ui:define name="menuIzquierda">
        <h:form>
            <p:panelMenu >
                <p:submenu label="Opciones">
                    <p:menuitem value="Administración"   icon="ui-icon-wrench"  url="ListadoMatriculas.jsf"/>
                    <p:menuitem value="Matricular Alumno"  icon="ui-icon-document" url="CrearMatriculas.jsf" />
                </p:submenu>
                <p:separator />
                <p:submenu label="Reportes">
                    <p:menuitem value="Lista Alumnos Matriculados"  icon="ui-icon-note" url="RepoListaAlumnosMatri.jsf"/>
                    <p:menuitem value="Alumnos Matriculados por Curso"  icon="ui-icon-bookmark" url="RepoAlumnosCurso.jsf"/>
                </p:submenu>
            </p:panelMenu>
        </h:form>
    </ui:define>
    <ui:define name="contenido">

        <div class="ui-widget-header" style="margin-bottom: 8px;font-size: 16px;padding-left: 10px;">
            <h:outputText value="Administración Matrículas #{controladorMatriculas.perActivo.perNombre}" />
        </div>
        <h:form>
            <p:dataTable value="#{controladorMatriculas.lisCrearCursos}" var="tabla" rowKey="#{tabla.creCodigo}"
                         selectionMode="single" selection="#{controladorMatriculas.creCursoSeleccionado}" scrollable="true" scrollWidth="100%" scrollHeight="100">

                <p:ajax event="rowSelect" listener="#{controladorMatriculas.seleccionarCurso}" update=":frmPrincipal"/>
                <p:column headerText="CURSO" >
                    <h:outputText value="#{tabla.curCodigo.curAnio}"/>
                </p:column>
                <p:column headerText="PARALELO" >
                    <h:outputText value="#{tabla.parCodigo.parNombre}"/>
                </p:column>
            </p:dataTable>
        </h:form>
        <p:separator/>
        <!-- CONFIGURACIÓN TABLA -->
        <h:panelGroup >

            <h:form prependId="false" id="frmPrincipal" style="overflow: auto">

                <h:panelGroup id="pnlTabela"> 

                    <p:dataTable value="#{controladorMatriculas.listaMatriculas}" var="tabla"    
                                 rowIndexVar="rowNumber" filteredValue="#{controladorMatriculas.filtroMatriculas}" scrollable="true"  scrollHeight="200" >


                        <f:facet name="header">
                            <h:outputText  value="ALUMNOS MATRICULADOS EN #{controladorMatriculas.creCursoSeleccionado.curCodigo.curAnio} #{controladorMatriculas.creCursoSeleccionado.parCodigo.parNombre}"/>
                        </f:facet>

                        <p:column width="60">
                            <p:commandLink     title="Modificar"
                                               oncomplete="wdlgDetalle.show()" 
                                               update=":frmFormulario"
                                               action="#{controladorMatriculas.modificar}">
                                <p:graphicImage url="../imagenes/im_modificar.png" 
                                                style="vertical-align: middle; border: none"/>
                                <f:setPropertyActionListener
                                    target="#{controladorMatriculas.matMatricula}" value="#{tabla}" />

                            </p:commandLink>
                            <p:spacer width="10"/>
                            <p:commandLink action="#{controladorMatriculas.eliminar}" 
                                           title="Eliminar"
                                           update=":frmPrincipal:pnlTabela">
                                <p:graphicImage url="../imagenes/im_eliminar.png" 
                                                style="vertical-align: middle; border: none"/>
                                <f:setPropertyActionListener
                                    target="#{controladorMatriculas.matMatricula}" value="#{tabla}" />
                            </p:commandLink>
                        </p:column>

                        <p:column headerText="N." width="5">
                            #{rowNumber+1}
                        </p:column>

                        <p:column headerText="ALUMNO"  >
                            <h:outputText value="#{tabla.aluCodigo.aluApellidos}"/>                     
                            <h:outputText value="#{tabla.aluCodigo.aluNombres}"/>                     
                        </p:column>                               

                    </p:dataTable>
                </h:panelGroup>

            </h:form>


        </h:panelGroup>

        <!-- CONFIGURACIÓN FORMULARIO -->
        <p:dialog id="dlgDetalhe" 
                  widgetVar="wdlgDetalle" 
                  modal="true" 
                  resizable="false"
                  appendToBody="true"
                  closable="true" 
                  header="Datos de Matriculas" 
                  styleClass="dialogoSemScroll" >

            <h:form id="frmFormulario">
                <h:panelGrid id="pnlDetalhe" 
                             columns="1" 
                             styleClass="panelGridSemBorda">

                    <p:fieldset legend="DATOS MATRICULAS">

                        <h:panelGrid columns="2">
                            <h:outputText value="Curso :*"/>
                            <h:outputText value="#{controladorMatriculas.creCursoSeleccionado.curCodigo.curAnio} #{controladorMatriculas.creCursoSeleccionado.parCodigo.parNombre}"/>

                            <h:outputText value="Buscar Alumno :*"/>

                            <p:autoComplete value="#{controladorMatriculas.objAlumno}" size="60" var="fila" maxResults="10" completeMethod="#{controladorMatriculas.autocompletar}" 
                                            forceSelection="true" converter="ConvertidorAutoCompletar" itemLabel="#{fila[1]} #{fila[2]}" itemValue="#{fila}" required="true" requiredMessage="Debe seleccionar un Alumno"> 
                                <f:attribute name="lisOpciones" id="lisOpciones" value="#{controladorMatriculas.comAlumnos}"/>

                                <p:column>  
                                    #{fila[1]}
                                </p:column>
                                <p:column>  
                                    #{fila[2]}
                                </p:column>
                                <p:column>  
                                    #{fila[3]}
                                </p:column>                               
                            </p:autoComplete>

                        </h:panelGrid>


                    </p:fieldset>
                    <f:facet name="footer">
                        <p:toolbar>
                            <p:toolbarGroup>

                                <p:commandButton action="#{controladorMatriculas.guardar}" value="Guardar" icon="ui-guardar" update=":frmPrincipal" />
                            </p:toolbarGroup>
                        </p:toolbar>
                    </f:facet>

                </h:panelGrid>
            </h:form>
        </p:dialog>

    </ui:define>
</ui:composition>